<template>
	<view>
		<view v-for="(item,index) in list" :key="index" class="u-flex lists shadow" @click="go(item)">
			<view style="position: relative;">
				<u-image :src="item.cover" width="260" height="260"></u-image>
				<slot name="tag" :item="item">
					
				</slot>
			</view>
			<view class="u-flex-1 u-margin-left-20 " >
				<view class="u-font-weight u-font-md u-line-2">{{item.goodsName}}</view>
				<slot name="progress" :item="item">		
				</slot>			
				<view :class="row?'row':''">
					<view class="u-margin-top-20 u-margin-bottom-20 $u-type-info .u-th-line">￥{{item.linePrice}}</view>
					<view class="u-flex u-row-between u-col-center">
						<view style="color: #FF5D39;font-size:38rpx;">￥{{item.price}}</view>			
						<slot name="btn" :item="item">		
										  
						</slot>					
					</view>
				</view>		
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			list:{
				type:Array,
			},
			row:{
				type:Boolean,
				default:false
			}
			
		},
		data(){
			return{
				
			}
		},
		created() {
			console.log(this.list,77)
		},
		methods:{
		
			go(item){
				this.$emit("go",item)
			}
			
		}
	}
</script>

<style>
	.lists{
		background: #fff;
		padding: 20rpx ;
		border-radius: 20rpx;
		
		margin: 20rpx auto;
		width: 700rpx;
	}
	.row{
		display: flex;
		justify-content: space-between;
		flex-flow: row-reverse;
	}
	
	
</style>
